草庐IT

Bootstrap4 按钮

全部标签

javascript - Angular : How to make an element that will close UI bootstrap dropdown on click

我正在使用AngularUI使用bootstrap,我正在使用uib-dropdown。我已将自动关闭设置为外部点击,但我还想在下拉列表中创建一个按钮来关闭它。我尝试将uib-dropdown-toggle添加到其中一个元素,但这完全破坏了下拉菜单(它根本打不开)。如何创建关闭下拉菜单的元素?相关代码:X...... 最佳答案 只需使用is-open属性和Angular变量来控制下拉菜单的“开放性”。然后您可以通过编程方式将此变量值设置为false以关闭下拉列表。这是您的代码中的示例:X......

javascript - 启用禁用按钮 asp .net - 使用 javascript

目前在我的应用程序中有一个按钮和一个文本框。用户在文本框中键入内容,然后按下按钮。我想要的是:首次加载页面时,搜索按钮应保持禁用状态。我可以通过在代码隐藏文件中将其设置为禁用来实现这一点。现在我希望它在用户输入最多2个字符时保持禁用状态。当用户键入第三个字符时,该按钮应自动启用。重要的是它必须在没有asp.netAJAX的情况下完成,因为这个网站将在旧手机上运行。所以只支持非常基本的javascript或jquery。我们将不胜感激。谢谢瓦伦 最佳答案 为了在asp.net中使用document.getElementById而不必使

javascript - 当我将 bootstrap 2.0 bootstrap-dropdown.js 添加到我的 js 插件列表时出现错误

这是我当前的javascript包含它工作正常,但当我添加bootstrap-dropdown插件时。我从bootstrap-dropdown文件中得到一个错误(firebug控制台)。--$("html").onisnotafunction[BreakOnThisError]$('html').on('click.dropdown.data-api',clearMenus)--不太确定我在这里做错了什么或者我没有捕获/得到什么。哦,顺便说一下,旧的Bootstrap下拉菜单对我有用。 最佳答案 您需要升级到jQuery1.7.1。

javascript - 如何使用 Twitter Bootstrap 2.0 验证输入字段并应用错误类?

我有一个像下面这样的字段:LastName我正在尝试使用以下jquery来验证一些输入并在需要时添加错误类:vardiv=$("#lname").parent("div.control-group");....div.removeClass("success");div.addClass("error");理想情况下,我需要遍历多个输入并选择字段来进行验证。我当前的代码没有添加错误类。知道为什么吗? 最佳答案 你应该使用parents方法而不是parentvardiv=$("#lname").parents("div.control

javascript - Twitter Bootstrap (v2.2.1) 下 zipper 接在移动设备上不起作用

我有一个TwitterBootstrap(v2.2.1)可折叠导航栏和下拉按钮。它们在我的桌面浏览器中工作得非常愉快,而且如果我将桌面浏览器窗口缩小到移动尺寸,它们也能愉快地工作。但是在移动设备上,当您点击下拉菜单时,下拉菜单会打开,但点击下拉菜单中的任何链接只会导致下拉菜单关闭,而不会点击链接。这似乎类似于thisotherSOquestion,但解决方案是将data-toggle="dropdown"移动到我已有的位置。这是下拉按钮页面上的html:DropdownbuttonRecentGoogleBing/***TwitterBootstrapJQuery*///!functi

javascript - 点赞按钮 - 在两个功能之间切换

我试图在单击“赞”按钮时在两个函数之间切换。现在我有:$(".like").click(function(event){event.stopPropagation();$("i",this).toggleClass("icon-thumbs-up-alt").toggleClass("iconicon-thumbs-up");likePost(TestCanvas,$(this).prev('div').find('.hideThis').text());});likePost(canvasID,postID)获取参数并与API交互当我再次点击.like时,我想调用unlikePost

javascript - 输入类型复选框在 Bootstrap 模式中不起作用

为什么Bootstrap模式中的复选框不起作用?我使用这段代码使其工作但仍然有问题documentBody.on('click','.checkInp',null,function(e){varcheckbox=$(this).find(":checkbox"),checked=checkbox.is(":checked");checkbox.prop("checked",!checked);});documentBody.on('click','.checkInp:checkbox',null,function(e){$(this).parent('span').trigger('c

javascript - Bootstrap Popover 内容在隐藏时可点击

我的网站在map上有多个带有可点击图标的弹出框(只是一个带有背景图片的div):单击这些图标时,会显示一个弹出窗口。这个弹出窗口有一个轮播,其中包含带链接的文本:当我在弹出窗口外单击时,所有弹出窗口都被隐藏。这应该可以正常工作。我从thisStackOverflowquestion得到了代码。但是当您在弹出窗口外单击以再次隐藏它时,真正的问题出现了。弹出窗口已隐藏,但它仍在DOM中。这意味着链接仍然可以点击!当我单击加号图标隐藏弹出窗口时,弹出窗口被隐藏(已删除?),但是当单击加号之外(即页面上的任何位置)时,弹出窗口仍然存在(但不可见)就在上方.求助!这让我很恼火..:(编辑:可能值

javascript - 如何通过按钮选择或不选择剑道网格

我在网格定义中有一个网格,启用了选择模式selectable:true我需要通过一个按钮使网格不可选。我试过这个,但它不起作用:$("#disableKendoGrid").click(function(){vargrid=$("#myGrid").data("kendoGrid");grid.options.selectable=false;grid.refresh();}); 最佳答案 http://jsfiddle.net/Sbb5Z/585/只需切换类使表可选择:$('#bouton').on('click',functio

javascript - Bootstrap 3.1.0 : affix too long

我正在使用Bootstrap3.1.0。当“词缀”对于视口(viewport)来说太长时,它会被切断,永远不会显示底部项目。是否有可能让Bootstrap的词缀以用户仍然可以从上到下滚动完整词缀的方式运行?有问题的例子:Longlistwithmanyentries...29.Last...regularcontentIhopemyjsFiddleexemplifiesthisproblem. 最佳答案 希望对你有帮助:只需添加一个overflow-yJsfiddle:http://jsfiddle.net/Ja3XT/1/添加的C